<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/diary_video.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
    <div id="main">

        <!--header start-->
        <div id="header">
            {include file="diary/topnav" /}
        </div>
        <!--header stop-->

        {include file="common/nav" /}

        <!--small-nav start-->
        <div id="small-nav">
            <div class="com">
                <span class="title">首页</span>
                <span class="iconfont icon-you"></span>
                <span class="title">{$parentNavigation['name']}</span>
                <span class="iconfont icon-you"></span>
                <span class="title">{$pageInfo['name']}</span>
            </div>
        </div>
        <!--small-nav stop-->

        <!--page-title start-->
        {if !empty($pageInfo)}
        <div id="page-title" class="com">
            <span class="title">{$pageInfo['name']}</span>
            <span class="content">{$pageInfo['info']}</span>
        </div>
        {/if}
        <!--page-title stop-->

        <div id="center" class="com">

            <!--ctitle start-->
            {if !empty($children)}
            <div class="ctitle">
                {volist name="children" id="child"}
                <a href="/video/{$id}/{$child.id}"><div {if $cid==$child['id']}class="active"{/if} data-category_id="{$child.id}">{$child.name}</div></a>
                {/volist}
            </div>
            {/if}
            <!--ctitle start-->

            <!--video-list start-->
            {if !empty($articleList)}
            <div class="video-list">
                {volist name="articleList" id="article" key="k"}
                <div class="video">
                    <div class="left-box">{$article.id}</div>
                    <div class="right-box">
                        <div class="title">
                            <span class="t_title">视频标题：</span>
                            <a class="t_info" href="{:url('/detail/'.$article['id'])}" target="_blank">{$article.title}</a>
                        </div>
                        <div class="introduction">
                            <span class="t_title">视频简介：</span>
                            <span class="t_info">{$article.info}</span>
                        </div>
                        {if $k==1}
                        <div class="video-thumb">
                            <video width="100%" controls autoplay>
                                <source src="{$article.video_url}" type="video/mp4">
                            </video>
                        </div>
                        {else}
                        <div class="video-thumb">
                            <video width="100%" controls preload="none">
                                <source src="{$article.video_url}" type="video/mp4">
                            </video>
                        </div>
                        {/if}
                        <div class="info">
                            <!--<span class="iconfont icon-web-icon-"></span>
                            <span class="iconfont icon-xiazai"></span>-->
                            <span class="shijian">{$article.createtime}</span>
                            <span class="iconfont icon-shijian"></span>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
            {else/}
            <p style="height:40px; line-height: 40px; text-align: center; padding-bottom: 20px;">暂无数据</p>
            {/if}
            <!--video-list stop-->

            <!--page start-->
            {if !empty($show)}
            <div class="page">
                {$show}
            </div>
            {/if}
            <!--page stop-->

        </div>

    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<!--<script type="text/javascript">
    $(function () {
        $(window).scroll(function() {
            $.each($('.video-list .video'),function (i,v) {
                //在屏幕内
                if($(this).offset().top-$(document).scrollTop()>0){
                    $('.video-list .video video').attr('preload',false);
                    $(this).find('video').attr('preload',true);
                    $(this).find('video').attr('autoplay',true);
                }
            });
        });
    })
</script>-->
</body>
</html>